<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
           /*  js由三部分组成：
                1.ECMAScript(核心语法)
                    变量
                    函数
                    控制语句
                    内置对象(数组、正则表达式、日期对象等)
                2.BOM(浏览器对象模型 Browser Object Model)
                    核心对象是window
                    作用：结合js和BOM提供的属性和方法对浏览器进行操作

                3.DOM(文档对象模型 Document Object Model)
                    核心对象是document
                    作用:结合js和DOM提供的属性和方法对html和xml进行操作 */


        function doAlert(){
           var res= window.alert("弹出框");//window是顶层对象,所以是可以省略的
           console.log(res);//没有返回值，默认是undefined
        }
        function doPrompt(){
            var username=window.prompt("请输入用户名:");
            if(username){
                console.log(username);
            }else{
                console.log("您点击了取消按钮");
            }
        }

       function doConfirm(){
            var res=confirm("您确定关闭吗???");//返回值是一个布尔值
            if(res){
                console.log("您点击了确定按钮");
            }else{
                console.log("您点击了取消按钮");
            }
       }

       function doOpen(){
            // window.open(url);打开指定的窗口
            // window.open("01.回调函数.html");
            // window.open(url,name,配置项);
            // 配置项：对窗口特征的设置
            window.open("01.回调函数.html","嘿嘿","width=500,height=500,left=400");
       }

       function doClose(){
            window.close();
       }
        // var bb=100;
        // function aa(){
        //     console.log(11)
        // }
        // window.aa();
        // console.log(window.bb);
    </script>
</head>
<body>
    <input type="button" value="alert" onclick="doAlert()">
    <input type="button" value="prompt" onclick="doPrompt()">
    <input type="button" value="confirm" onclick="doConfirm()">
    <input type="button" value="open" onclick="doOpen()">
    <input type="button" value="close" onclick="doClose()">
</body>
</html>